<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:t="http://myfaces.apache.org/tomahawk" xml:lang="en" lang="en">


	<f:view>
		<ui:composition template="../templates/templateVAD.xhtml">
			<ui:define name="pageTitle">Contact</ui:define>
			<ui:define name="body">

				<h:form id="panier">
					<div id="panier" align="center">
					<h:dataTable border="1" value="#{vadBean.panier}" rows="13" var="panier" rules="cols" rowClasses="row1,row2" headerClass="header" columnClasses="firstColumn"  id="gestionCompte" style="width:900px;">


							<h:column>
								<f:facet name="header">
									<h:outputText>Boutique</h:outputText>
								</f:facet>
								<h:outputText value="#{panier.boutiquepanier}" />
							</h:column>

							<h:column>
								<f:facet name="header">
									<h:outputText>Réference</h:outputText>
								</f:facet>
								<h:outputText value="#{panier.referencepanier}" />
							</h:column>

							<h:column>
								<f:facet name="header">
									<h:outputText>Produit</h:outputText>
								</f:facet>
								<h:outputText value="#{panier.produitpanier}" />

							</h:column>

							<h:column>
								<f:facet name="header">
									<h:outputText>Prix TTC (Unitaire)</h:outputText>
								</f:facet>
								<h:outputText value="#{panier.prixttcpanier}" />

							</h:column>

							<h:column>
								<f:facet name="header">
									<h:outputText>Quantite</h:outputText>
								</f:facet>
								
								<h:inputText value="#{panier.quantitepanier}" style="height: 16px; width: 27px;padding-left:20px;" ></h:inputText>
							</h:column>

							<h:column>
								<f:facet name="header">
									<h:outputText>Prix Total</h:outputText>
								</f:facet>
								<h:outputText value="#{panier.prixtotalpanier}" />

							</h:column>

							<h:column>
								<f:facet name="header">
									<h:outputText>Disponibilité </h:outputText>
								</f:facet>
								<h:outputText value="#{panier.disponibilitepanier}" />

							</h:column>
							<h:column>
								<f:facet name="header">
									<h:outputText>Disponibilité </h:outputText>
								</f:facet>
								<h:outputText value="#{panier.disponibilitepanier}" />

							</h:column>
                           <h:column>
								<f:facet name="header">
									<h:outputText>Actualiser </h:outputText>
								</f:facet>
								<h:commandLink actionListener="#{vadBean.actualiser}">
									<h:graphicImage url="../images/actualiser.gif" title="Actualiser" styleClass="linkImage"  style="padding-left:20px;border:none;"/>
									<f:param value="#{panier.referencepanier}" id="actualiser"></f:param>
								</h:commandLink>

							</h:column>
							<h:column>
						     <f:facet name="header">
									<h:graphicImage url="../images/poubelle.gif" style="height: 16px; width: 27px"></h:graphicImage>								</f:facet>
								<h:commandLink actionListener="#{vadBean.deleteProduit}">
									<h:graphicImage url="../images/delete.gif" title="Retirer ce produit du panier" styleClass="linkImage" style="border:none;" />
									<f:param value="#{panier.referencepanier}" id="deleteId"></f:param>
								</h:commandLink>
							</h:column>


						</h:dataTable>
					</div>
					<h:outputText value="Total de vos achatse "> </h:outputText>
					<h:outputText value="#{vadBean.total}"> </h:outputText>
					<h:commandButton id="retour" value=""
						style="background:url(../images/poursuivre.gif) no-repeat;height: 36px; width: 169px;border:0; cursor:pointer;margin-top:40px;margin-left:220px;"
						action="retour" />
							<h:commandButton id="valider" value=""
						style="background:url(../images/validerCommande.gif) no-repeat;height: 46px; width: 143px;border:0; cursor:pointer;margin-top:40px;margin-left:40px;"
						action="valider" />
				</h:form>

			</ui:define>
		</ui:composition>
	</f:view>
</html>

